[ko] new transtion of column_layouts #24826
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Preview URLs Flaws (8)URL:
(comment last updated: 2024-11-28 15:28:15) |
1ilsang
requested changes
Dec 1, 2024
There was a problem hiding this comment.
@chanwoopark11 님 안녕하세요. 기여해주셔서 감사합니다! 💯
몇 가지 코멘트 남겨두었습니다.
확인하시고 다시 리뷰 요청 부탁드리겠습니다. 🙇
질문이나 도움이 필요하시다면 언제든 멘션 부탁드리겠습니다.
Comment on lines
+8
to
+15
| > [!CALLOUT] | ||
| > | ||
| > #### 프론트엔드 웹 개발자가 되고자 하시나요? | ||
| > | ||
| > 프론트엔드 웹 개발자가 되고 싶지만 무엇을 먼저 배워야 할지 모르겠다면, MDN 커리큘럼을 참고해 학습 계획을 세우는 것을 추천합니다. 이 커리큘럼은 성공적인 프론트엔드 개발자가 되기 위한 필수 기술과 실습을 체계적으로 학습할 수 있는 경로를 제공하며, 추천 학습 자료도 함께 제공합니다. | ||
| > | ||
| > [**시작하기**](/en-US/curriculum/) | ||
|
|
There was a problem hiding this comment.
안녕하세요. 원문에는 callout이 존재하지 않는데요, 추가하신 이유가 있으실까요?
There was a problem hiding this comment.
제가 넣어야한다고 착각한것 같에요. 수정해서 조만간 올리겠습니다.
Comment on lines
+16
to
+18
| {{CSSRef}} | ||
| 레이아웃을 만들 때 여러 개의 열이 필요한 경우가 자주 있습니다. CSS는 이를 위한 여러 가지 방법을 제공합니다. | ||
| [다중열](/ko/docs/Web/CSS/CSS_multicol_layout), [플렉스박스](/ko/docs/Web/CSS/CSS_flexible_box_layout), [그리드](/ko/docs/Web/CSS/CSS_grid_layout) 레이아웃 중 어떤 것을 사용할지 여부는 여러분이 달성하려는 목표에 따라 달라집니다. 이 레시피에서는 이러한 옵션들에 대해 자세히 살펴봅니다. |
There was a problem hiding this comment.
Suggested change
| {{CSSRef}} | |
| 레이아웃을 만들 때 여러 개의 열이 필요한 경우가 자주 있습니다. CSS는 이를 위한 여러 가지 방법을 제공합니다. | |
| [다중열](/ko/docs/Web/CSS/CSS_multicol_layout), [플렉스박스](/ko/docs/Web/CSS/CSS_flexible_box_layout), [그리드](/ko/docs/Web/CSS/CSS_grid_layout) 레이아웃 중 어떤 것을 사용할지 여부는 여러분이 달성하려는 목표에 따라 달라집니다. 이 레시피에서는 이러한 옵션들에 대해 자세히 살펴봅니다. | |
| {{CSSRef}} | |
| 레이아웃을 만들 때 여러 개의 열이 필요한 경우가 자주 있습니다. CSS는 이를 위한 여러 가지 방법을 제공합니다. [다중열](/ko/docs/Web/CSS/CSS_multicol_layout), [플렉스박스](/ko/docs/Web/CSS/CSS_flexible_box_layout), [그리드](/ko/docs/Web/CSS/CSS_grid_layout) 레이아웃 중 어떤 것을 사용할지 여부는 여러분이 달성하려는 목표에 따라 달라집니다. 이 레시피에서는 이러한 옵션들에 대해 자세히 살펴봅니다. |
줄 수는 원문과 같이 유지해 주세요. 관련 논의는 여기에서 확인할 수 있습니다.
There was a problem hiding this comment.
Layout 부분을 생략하셨는데요(다중열, 플렉스박스), 저는 추가하는게(다중열 레이아웃, 플렉스박스 레이아웃) 더 명시적일 것 같아 레이아웃을 붙이는 것을 가이드 드립니다.
만약 추가하신다면 단어 형태를 맞춰주시면 감사하겠습니다.
| 레이아웃을 만들 때 여러 개의 열이 필요한 경우가 자주 있습니다. CSS는 이를 위한 여러 가지 방법을 제공합니다. | ||
| [다중열](/ko/docs/Web/CSS/CSS_multicol_layout), [플렉스박스](/ko/docs/Web/CSS/CSS_flexible_box_layout), [그리드](/ko/docs/Web/CSS/CSS_grid_layout) 레이아웃 중 어떤 것을 사용할지 여부는 여러분이 달성하려는 목표에 따라 달라집니다. 이 레시피에서는 이러한 옵션들에 대해 자세히 살펴봅니다. | ||
|
|
||
|  |
There was a problem hiding this comment.
Suggested change
|  | |
|  |
웹 접근성을 위해 alt 영역도 번역해주세요.
Comment on lines
+26
to
+28
| - [신문 스타일의 열로 나뉘어진 연속적인 콘텐츠 흐름](#a_continuous_thread_of_content_—_multi-column_layout). | ||
| - [모든 높이가 동일한 단일 행의 열로 정렬된 항목들](#a_single_row_of_items_with_equal_heights_—_flexbox). | ||
| - [행과 열에 따라 정렬된 여러 행의 열들](#lining_items_up_in_rows_and_columns_—_grid_layout). |
There was a problem hiding this comment.
- [신문 스타일의 열로 나뉘어진 연속적인 콘텐츠 흐름](#콘텐츠의_연속적인_흐름_—_다중열_레이아웃).
// ...
내부 링크를 위해 하위 헤딩 값과 동일해야 합니다. 수정 부탁드리겠습니다.
There was a problem hiding this comment.
Suggested change
| - [신문 스타일의 열로 나뉘어진 연속적인 콘텐츠 흐름](#a_continuous_thread_of_content_—_multi-column_layout). | |
| - [모든 높이가 동일한 단일 행의 열로 정렬된 항목들](#a_single_row_of_items_with_equal_heights_—_flexbox). | |
| - [행과 열에 따라 정렬된 여러 행의 열들](#lining_items_up_in_rows_and_columns_—_grid_layout). | |
| - [다중열 레이아웃 - 연속적인 콘텐츠 흐름](#a_continuous_thread_of_content_—_multi-column_layout). | |
| - [플렉스박스 레이아웃 - 동일 높이를 가진 단일 행](#a_single_row_of_items_with_equal_heights_—_flexbox). | |
| - [그리드 레이아웃 - 행과 열로 항목 정렬](#lining_items_up_in_rows_and_columns_—_grid_layout). |
문서의 시작 부분에서 '다중열', '플레스박스', '그리드'를 언급하였으므로 문맥을 위해 위와 같이 변경하는게 어떨지 제안드립니다.
|
|
||
| 이 예제에서는, {{cssxref("column-width")}} 속성을 사용하여 브라우저가 추가적인 열을 추가하기 전에 열이 가져야 할 최소 너비를 설정했습니다. {{cssxref("columns")}} 단축 속성을 사용하면 `column-width`와 {{cssxref("column-count")}} 속성을 설정할 수 있으며, 둘 중 하나를 사용하여 허용되는 최대 열 수를 정의할 수 있습니다. | ||
|
|
||
| 다중열을 사용할때: |
There was a problem hiding this comment.
Suggested change
| 다중열을 사용할때: | |
| 아래와 같은 상황에서 다중열을 사용할 수 있습니다. |
- 쌍점(:), 쌍반점(;)은 온점(.)으로 치환해 주세요.
- 의역을 추가하여 좀 더 부드럽게 표현하는게 어떨지 가이드 드립니다.
|
|
||
| {{EmbedLiveSample("columns-flexbox-wrapping-example", "", "450px")}} | ||
|
|
||
| 플렉스박스를 사용할 때: |
There was a problem hiding this comment.
Suggested change
| 플렉스박스를 사용할 때: | |
| 플렉스박스를 사용할 때. |
|
|
||
| ## MDN에서 제공하는 자료 | ||
|
|
||
| - [멀티컬럼 레이아웃 안내서](/ko/docs/Web/CSS/CSS_multicol_layout) |
There was a problem hiding this comment.
Suggested change
| - [멀티컬럼 레이아웃 안내서](/ko/docs/Web/CSS/CSS_multicol_layout) | |
| - [다중열 레이아웃 안내서](/ko/docs/Web/CSS/CSS_multicol_layout) |
문맥상 동일한 단어를 사용해주세요.
|
|
||
| - [멀티컬럼 레이아웃 안내서](/ko/docs/Web/CSS/CSS_multicol_layout) | ||
| - [플렉스박스 안내서](/ko/docs/Web/CSS/CSS_flexible_box_layout) | ||
| - [CSS 그리드 레이아웃 안내서](/ko/docs/Web/CSS/CSS_grid_layout) |
There was a problem hiding this comment.
Suggested change
| - [CSS 그리드 레이아웃 안내서](/ko/docs/Web/CSS/CSS_grid_layout) | |
| - [그리드 레이아웃 안내서](/ko/docs/Web/CSS/CSS_grid_layout) |
|
제가 지금 학기말이라 바쁠것 같아 조금 시간이 지연될것 같습니다. 여유 되는한 조금씩 작업해서 다시 커밋 올릴게요. 감사합니다. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
기존에 한국어로 존재하지 않던 문서 열을 신규 번역했습니다.
Motivation
Additional details
-> 원문에선 rows and columns 입니다.
Related issues and pull requests
#24818